本文共 1907 字，大约阅读时间需要 6 分钟。
项目中引用 jquery.form.js插件。
打算用 .ajaxForm(options); 方式提交到后台，但是发现 .ajax 是可以正常交互的，但是 .ajaxform 就是不行。
首先
在form表单中，button的type问题。
form表单中，button 的 type 有三种值。
分别是：
reset : 如果button type="reset" 在没有任何事件 的条件下，会清空当前 form 的所有内容。
button: 默认，就是一个按钮。 可以在form 上设置onkeydown方法，来监听回车按键（13）来提交表单。
submit: 1、 如果 type = "submit" ，则，点击该 button (按钮)，默认提交当前表单。提交的 默认 路径是，form表单中配置的 action。
2、如果 在这个form 中，回车键 默认 为提交表单。
然后
在 jquery.form.js 插件中，有两种方式提交form表单。
1）$.fn.ajaxSubmit
2）$.fn.ajaxForm
button 的 type 类型的问题。
如果设置 type = "submit" ，js方法中，就可以用 .ajaxform。
如果设置 type = "button" ，js方法中，就可以用 .ajaxform。
在form表单中，如果 button 的 type = "submit" ，在绑定的js方法中提交表单，就要用 $("#loginform").ajaxForm(options);
在form表单中，如果 button 的 type = "button" ，在绑定的js方法中提交表单，就要用 $("#loginform").ajaxSubmit(options);
完整代码如下：
js代码如下：
function toLoginServer(){ var options = { url : $("#ctx").val() + "/login/validate", success : function(response) { alert(response.isSuccess); if(response.isSuccess = true){ window.location.href= $("#ctx").val() + response.url; }else{ alert(response.error); } }, error : function(){ alert("error"); alert(JSON.stringify(response)); }, type : "post", clearForm : false, timeout : 100000 };// $("#loginform").ajaxSubmit(options);// type="button" $("#loginform").ajaxForm(options);// type = "submit" };jsp代码如下：